<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div class="header">
	<div class="header_c">
	<span style=" float:right">
		<a class="logo pngFix" href=""><img
			src="<%=basePath%>ui/images/logo.png" /></a> <img
			src="<%=basePath%>ui/images/telhpon.png" /></span>
	</div>
</div>
<div id="menu">
	<DIV id=nav_wrap>
		<DIV id=nav>
			<UL class=c>
				<LI id="li_0"><SPAN class=v><A
						href="<%=basePath%>index/index.html" target="_blank">首页</A></SPAN>
					<DIV class=kind_menu style="text-align:left" id="div_0">
						<span style="margin-left:40px;">
						<c:choose>
						  <c:when test="${empty welcome or empty welcome.dict_value}">欢迎您访问九如香,我们为您提供香甜可口的美食!</c:when>
						  <c:otherwise>${welcome.dict_value }</c:otherwise>
						</c:choose>
						
						</span>
					</DIV></LI>
				<c:forEach var="obj" items="${menu }" varStatus="i">
					<c:if
						test="${obj.parentsNodeId eq '0'  && !(obj.nodeCode eq '61')}">
						<LI id="li_${i.index+1 }"><SPAN class=v><A href="javascript:void(0)">${obj.nodeName }</A></SPAN>
						<DIV class=kind_menu id="div_${i.index }">
						<span style="margin-left: ${i.index*35}px;">
						<c:forEach var="c" items="${menu }">
							<c:if
								test="${c.parentsNodeId eq obj.nodeCode and !(c.nodeCode eq '1101') and !(c.nodeCode eq '1102') }">
								<c:choose>
									<c:when test="${obj.nodeCode eq '40' or obj.nodeCode eq '50' }">
										<A href="<%=basePath %>${c.webUrl}?porCode=${c.nodeCode }"
											target="_blank">${c.nodeName }</A>
							</c:when>
							<c:otherwise>
								<A
									href="<%=basePath %>${c.webUrl}?porCode=${c.nodeCode }&page=1&pageSize=12"
									target="_blank">${c.nodeName }</A>
							</c:otherwise>
							</c:choose>

							</c:if>
						</c:forEach>
						</span>
					</DIV>
					</c:if>
					
					</LI>
				</c:forEach>
			</UL>
		</DIV>
		<!--nav-->
	</DIV>
</div>

</div>
</div>
<SCRIPT type=text/javascript>
	$(function() {
		navCss(index);
		$("#nav li").hover(function() {
			clearTimeout(setTimeout("0") - 1);
			$("#nav .kind_menu").hide();
			$("#nav li .v .sele").attr("class", "shutAhover");
			$(this).attr("id", "nav_hover")
			$("#nav_hover .v a").attr("class", "sele");
			$("#nav_hover .kind_menu").show();
		}, function() {
			if ($(this).attr("class") != "nav_lishw") {
				$("#nav_hover .v .sele").attr("class", "");
				$("#nav_hover .kind_menu").hide();
			}
			$(this).attr("id", "")
			$("#nav li .v .shutAhover").attr("class", "sele");
			
			setTimeout(function() {
			 	$(".nav_lishw .kind_menu").show();
				$(".nav_lishw .v a").attr("class", "sele");
			}, 50); 
		});
		
		
	});
	function navCss(liIndex) {
		$("#nav li").attr("class", "");
		$("#nav li").eq(liIndex).attr("class", "nav_lishw");
		$(".nav_lishw .v a").attr("class", "sele");
		$(".nav_lishw .kind_menu").show();
	}

</SCRIPT>
